﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{#ProductName}-{#ColumnName}-{#SiteName}</title>
<link href="css/Global.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/Fonts.css" rel="stylesheet" type="text/css" media="all"  />
<link href="css/Style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/RockImg.css" type="text/css" rel="stylesheet" media="all" />
<script src="/Scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="/Member/js/procp.js"></script>
<script src="/Memberjs/jquery.jcarousel.js" type="text/javascript"></script>
</head>

<body>
<!--unit name="通用头部"-->通用头部<!--/unit-->
<div class="Width clearfix">

<div class="Left MarginTop">

<dl class="Category">
<dt class="CategoryTitle">产品分类</dt>
<dd>
<!--unit name="左侧商品分类导航"-->左侧商品分类导航<!--/unit-->
</dd>
</dl>

</div>

<div class="Right MarginTop">
<!--unit name="当前位置"-->当前位置<!--/unit-->
<div class="ListContent clearfix">

<div class="goods_part clearfix">

<div class="goods_tp_box">

<div class="goods_big_tp">
<div class="divmid1">
<div class="divmid2"><img id="ImgBig" src="images/144320337_300px.jpg" border="0" style="width:300px;" /></div>
</div>
</div>
<!--unit name="商品相册"-->商品相册<!--/unit-->


<p class="btn_goods_link_box"></p>

<script type="text/javascript">
function change_img(url)
{
	document.all.ImgBig.src=url;
}
function tobigpic()
{
	window.open(document.all.ImgBig.src,"","");
}
</script>
</div>

<div class="goods_tp_rbox">
<!--unit name="商品信息"-->商品信息<!--/unit-->

<!--商品说明-->
<div class="goods_intro">

<div class="rules_con">
<div id="standard"></div>
<!--unit name="商品规格显示"-->商品规格显示<!--/unit-->


</div>

</div>
		<div class="fleft" style="DISPLAY: none"><iframe id="buytocar" style="BORDER-RIGHT: #DB2D31 1px solid; BORDER-TOP: #DB2D31 1px solid; BORDER-LEFT: #DB2D31 1px solid; BORDER-BOTTOM: #DB2D31 1px solid" name=buytocar marginWidth=0 marginHeight=0 src="" frameBorder=0 width="200" height=40 topmargin="0"></iframe></div>
						</div>
					  </div> <!--上完-->
<div class="RelatingTitle">
商品说明
</div>
<div class="ProductDetailInfo">
<!--unit name="商品扩展属性"-->商品扩展属性<!--/unit-->
<!--unit name="商品详细参数"-->商品详细参数<!--/unit-->
<br />
<!--unit name="商品说明"-->商品说明<!--/unit-->
</div>
<div class="RelatingTitle">
相关商品
</div>
<div class="Relating clearfix">
<!--unit name="相关商品"-->相关商品<!--/unit-->

</div>
<!--unit name="商品详细评论"-->商品详细评论<!--/unit-->
</div>

</div>

</div>

<!--unit name="通用底部帮助"-->通用底部帮助<!--/unit-->

<!--unit name="通用友情链接"-->通用友情链接<!--/unit-->

<!--unit name="通用版权"-->通用版权<!--/unit-->

<script type="text/javascript">
  function mycarousel_initCallback(carousel){
	var index = 0;
	$("#mycarousel li img").eq(index).attr("class","curr");
	
	$("#mycarousel li").click(function(){
		index=$("#mycarousel li").index(this);
		//$("#productImage")[0].src = this.getElementsByTagName("img")[0].src.replace("small","mid");
		$("#BigViewImage").attr("href",this.getElementsByTagName("img")[0].src.replace("small","Big"));
		$(this).siblings().each(function(){
				this.getElementsByTagName("img")[0].className="";
		})
		this.getElementsByTagName("img")[0].className="curr";

	});
	
	$("#mycarousel li").hover(function(){
		//$("#productImage")[0].src = this.getElementsByTagName("img")[0].src.replace("small","mid");
		this.getElementsByTagName("img")[0].className="curr";
	},
	function(){
		var currIndex = $("#mycarousel li").index(this);
		if(!(index == currIndex))
		{
			this.getElementsByTagName("img")[0].className="";
		}
		//$("#productImage")[0].src = $("#mycarousel li img").eq(index).attr("src").replace("small","mid");
	});
	temp_carousel=carousel;
				// Disable autoscrolling if the user clicks the prev or next button.
				carousel.buttonNext.hover(function() {
					t1=setInterval("temp_carousel.buttonNext.click()",500);
					  if(typeof t2!="undefined")clearInterval(t2);
				},
				 function() {
				   clearInterval(t1);
				});
				carousel.buttonPrev.hover(function() {
					t2=setInterval("temp_carousel.buttonPrev.click()",500);
					 if(t1!=undefined)clearInterval(t1);
				}, function(){
					 clearInterval(t2);
				});
 };
  function mycarousel_initCallback2(carousel){
		temp_carousel1=carousel;
				// Disable autoscrolling if the user clicks the prev or next button.
				carousel.buttonNext.hover(function() {
					t3=setInterval("temp_carousel1.buttonNext.click()",5);
					  if(typeof t4!="undefined")clearInterval(t4);
				},
				 function() {
				   clearInterval(t3);
				});
				carousel.buttonPrev.hover(function() {
					t4=setInterval("temp_carousel1.buttonPrev.click()",5);
					 if(t3!=undefined)clearInterval(t3);
				}, function(){
					 clearInterval(t4);
				});
		
 };

$(document).ready(function () {
     CheckUserLogin();
	 $("#mycarousel").jcarousel({ initCallback: mycarousel_initCallback });
	 $("#ImgBig").attr("src", $("#mycarousel li img").eq(0).attr("src").replace("_70px", "_400px"));
 });
 function killErrors() {
     return true;
 }
 window.onerror = killErrors;
		</script>
</body>
</html>